body {  
    font-family: Arial, sans-serif;  
    background-color: #f4f4f4;  
    margin: 0;  
    padding: 20px;  
}  
  
.form-container {  
    max-width: 600px;  
    margin: 0 auto;  
    background-color: #fff;  
    padding: 20px;  
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);  
}  
  
.form-group {  
    margin-bottom: 15px;  
    
}  
  
.form-group label {  
    display: block;  
    margin-bottom: 5px;  
    
}  
  
.form-group input[type="text"],  
.form-group input[type="tel"],  
.form-group textarea { 
    width: 60%;  
    padding: 10px;  
    border: 2px solid #5ecfee;  
    border-radius: 4px;  
    transition: border-color 0.3s;  
}  
  
.form-group textarea {  
    resize: vertical;  
    min-height: 65px;  
}  
  
.form-group input[type="text"]:focus,  
.form-group input[type="tel"]:focus,  
.form-group textarea:focus {  
    border-color: red;  
    outline: none; 
}  
  
.address-type label {  
    display: inline-block;  
    margin-right: 20px; 
   
}  

.form-group button {  
    width: 15%;  
    padding: 10px;  
    background-color: #007BFF;  
    color: #fff;  
    border: none;  
    border-radius: 4px;  
    cursor: pointer;  
    font-size: 20px;
    font-weight: bold;
}  
  
.form-group button:hover {  
    background-color: #0056b3;  
}
.address-type-label {  
    font-weight: bold;
    
}

.form-group label[for="name"],  
.form-group label[for="phone"],  
.form-group label[for="area"],  
.form-group label[for="address"],  
.address-type-label, 
.form-group input[type="checkbox"][id="setDefaultAddress"] + label {  
    font-weight: bold;  

}  
label[for="setDefaultAddress"] {  
    font-weight: bold;  
    
}
.empty-div-with-margin {  
    height: 0;          
    overflow: hidden;   
    margin-bottom: 20px; 
}
